<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../template/WorkspaceTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="top">
        
    </ui:define>

    <ui:define name="left">
       
    </ui:define>

    <ui:define name="right">
       
    </ui:define>

    <ui:define name="content">
        <h:form>
            <p:panel>
                <p:messages id="job" showDetail="true"/>
                <p:panel header="Job Details">
                    <h:panelGrid columns="2">
                        <h:outputLabel value="Job Type: "/>
                        <h:outputText value="#{jobManagerBean.selectedJob.jobType}"/>
                        
                        <h:outputLabel value="Status: "/>
                        <h:outputText value="#{jobManagerBean.selectedJob.status}"/>
                        
                        <h:outputLabel value="Title: "/>
                        <h:outputText value="#{jobManagerBean.selectedJob.title}"/>

                        <h:outputLabel value="Content: "/>
                        <h:outputText value="#{jobManagerBean.selectedJob.content}"/>
                        
                        <h:outputLabel value="Staff I/C: "/>
                        <h:outputText value="#{jobManagerBean.getStaffFullNameByJobId(jobManagerBean.selectedJob.id)}"/>

                        <h:outputLabel value="Created on: "/>
                        <h:outputText value="#{jobManagerBean.selectedJob.formattedCreatedDate}"/>
                        
                    </h:panelGrid>
                </p:panel>
                <p:commandButton value="Back" ajax="false" action="#{jobManagerBean.redirectToViewOneDep()}"/>
            </p:panel>

            <p:ajaxStatus style="width: 16px;height: 16px;">
                <f:facet name="start">
                    <h:graphicImage value="./../images/ajaxloading.gif"/>
                </f:facet>
                <f:facet name="complete">
                    <h:outputText value=""/>
                </f:facet>
            </p:ajaxStatus>
        </h:form>
    </ui:define>

    <ui:define name="bottom">
       
    </ui:define>

</ui:composition>
